<ion-header>

  <ion-toolbar>
    <ion-title>Inline Label Text Input</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content>

  <form (ng-submit)="submit($event)">

    <ion-list>

      <ion-item>
        <ion-label>To:</ion-label>
        <ion-input value="Text 1"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>CC:</ion-label>
        <ion-input value="Text 2"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>From:</ion-label>
        <ion-input value="Text 3"></ion-input>
        <button ion-button icon-only clear item-right>
          <ion-icon name="power"></ion-icon>
        </button>
      </ion-item>

      <ion-item>
        <ion-label>Comments:</ion-label>
        <ion-textarea value="Comment value"></ion-textarea>
      </ion-item>

      <ion-item>
        <ion-icon name="globe" item-left></ion-icon>
        <ion-label>Website:</ion-label>
        <ion-input value="http://ionic.io/" type="url"></ion-input>
      </ion-item>

      <ion-item>
        <ion-icon name="mail" item-left></ion-icon>
        <ion-label>Email:</ion-label>
        <ion-input value="email6@email.com" type="email"></ion-input>
      </ion-item>

      <ion-item>
        <ion-icon name="create" item-left></ion-icon>
        <ion-label>Feedback:</ion-label>
        <ion-textarea placeholder="Placeholder Text"></ion-textarea>
      </ion-item>

      <ion-item>
        <ion-label>More Info:</ion-label>
        <ion-input placeholder="Placeholder Text"></ion-input>
        <ion-icon name="flag" item-right></ion-icon>
      </ion-item>

      <ion-item>
        <ion-label>Score:</ion-label>
        <ion-input value="10" type="number"></ion-input>
        <button ion-button outline item-right>Update</button>
      </ion-item>

      <ion-item>
        <ion-label>First Name:</ion-label>
        <ion-input value="Lightning"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>Last Name:</ion-label>
        <ion-input value="McQueen"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>Message:</ion-label>
        <ion-textarea value="KA-CHOW!"></ion-textarea>
      </ion-item>

      <ion-item>
        <ion-label>Beginning:</ion-label>
        <ion-input value="2005-07-30" type="date"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>Time:</ion-label>
        <ion-input value="12:00pm" type="time"></ion-input>
      </ion-item>

    </ion-list>

    <ion-item>
      <ion-label>No List</ion-label>
      <ion-input value="ListFreeeee"></ion-input>
    </ion-item>

  </form>

</ion-content>
